<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>PageSwitch</title>
    <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no">
    <link rel="stylesheet" href="index/css/PageSwitch.css">
</head>
<body>
    <div id="PageWrap" class="">
        <div class="section">
            <div class="container0">
                <img src="index/images/头像.jpg" alt="" id="userIcon">
                <p class="info">黄居胜</p>
                <p class="info">成都理工大学-软件工程专业</p>
                <p class="info">一个会点后端的前端</p>
                <p class="info">1130521172@qq.com</p>
            </div>
        </div>

        <div class="section">
            <div class="container1 clearfix">
                <p id="project_title">Projects</p>

                <div class="demo">
                    <a href="http://jvsheng.github.io/widget/widget/index.html" class="demo-icon icon-cogs"></a>

                    <a href="http://jvsheng.github.io/widget/widget/index.html" class="demo_title">自定义PC端组件</a>
                    <p class="demo_detail">通过抽象公共的Widget基类，以统一的生命周期方式来编写，重写了一遍常用组件，更加简明易读。</p>
                </div>

                <div class="demo">
                    <a href="http://jvsheng.github.io/bootstrap_demo/huawei_home/index.html" class="demo-icon icon-mobile"></a>

                    <a href="http://jvsheng.github.io/bootstrap_demo/huawei_home/index.html" class="demo_title">实现华为官网</a>
                    <p class="demo_detail">学习hmtl + css模块化布局后写的demo, 加深对HTML结构和CSS的理解</p>
                </div>

                <div class="demo">
                    <a href="http://www.xuechebang.net/mobile.html" class="demo-icon icon-chrome"></a>

                    <a href="http://www.xuechebang.net/mobile.html" class="demo_title">学车帮手机端网页</a>
                    <p class="demo_detail">实习时实现的网页，也参与了部分后端接口的开发</p>
                </div>

                <div class="demo">
                    <a href="http://jvsheng.github.io/bootstrap_demo/weixin_page/index.html" class="demo-icon icon-book"></a>

                    <a href="http://jvsheng.github.io/bootstrap_demo/weixin_page/index.html" class="demo_title">微信网页开发demo</a>
                    <p class="demo_detail">练习HTML5, CSS3动画效果，以及手机端开发的一些兼容性问题</p>
                </div>
            </div>
        </div>

        <div class="section">
            <div class="container2">
                <p id="learn_title">Learn More</p>

                <div class="github">
                    <a href="https://github.com/jvsheng" class="github-icon icon-github"></a>

                    <a href="https://github.com/jvsheng" class="github_title">Github</a>
                    <p class="github_detail">组件API，demo源代码，以及平时的一些兼容性问题记录</p>
                </div>

                <div class="github">
                    <a href="https://github.com/jvsheng/support" class="demo-icon icon-book"></a>

                    <a href="https://github.com/jvsheng/support" class="demo_title">开发中的兼容性问题</a>
                    <p class="demo_detail">平时写demo中遇见的一些坑</p>
                </div>
            </div>
        </div>
        <!--<div class="section"></div>-->
    </div>

    <script src="index/js/jquery.min.js"></script>
    <script src="index/js/PageSwitch.js"></script>
</body>
</html>